call和apply的区别和用法

call和apply的区别

obj.call(thisObj, arg1, arg2, ...);
obj.apply(thisObj, [arg1, arg2, ...]);
call和apply作用都是把obj绑定到thisObj的作用，即改变this的指向，然而唯一的区别就是apply传递的参数必须得是数组的形式传递，而call则直接连续参数传递

call和apply在什么地方可以用到呢？

当一个对象需要调用另外一个对象里面的方法的时候就可以用到call和apply，call和Apply可以理解成是继承另外一个对象的方法，以下代码举例：

首先，我们先建立两个对象，obj1和obj2

 var name = "全局中的name";
    var obj1 = {
        name:"obj1中的name",
        func1:function(){
            console.log(this.name);
        },
        func2:function (a,b) {
            console.log(a+b);
            return a+b;
        }
    }

    var obj2 = {
        name:"obj2中的name"
    }

如果obj2对象要调用obj1中的func1方法，则

 obj1.func1.call(obj2); //输出：obj2中的name
 obj1.func1.apply(obj2);//输出：obj2中的name

call和apply第一个参数都是表示obj1绑定的对象，如果obj1要绑定到this，此时obj1就是绑定到全局，如：

 obj1.func1.call(this);//输出：全局中的name
 obj1.func1.apply(this);//输出：全局中的name

如果obj2对象要调用obj1中的func2方法，则

  obj1.func2.call(obj2,1,2);//输出：3
  obj1.func2.apply(obj2,[1,2]);//输出：3

此时func2方法是有参数的，call和apply中第二个参数开始是传给func2方法的参数，但是call参数是直接连续传递，而apply传递参数是以一个数组传递

全部代码展示：

  var name = "全局中的name";
    var obj1 = {
        name:"obj1中的name",
        func1:function(){
            console.log(this.name);
        },
        func2:function (a,b) {
            console.log(a+b);
            return a+b;
        }
    }

    var obj2 = {
        name:"obj2中的name"
    }

    obj1.func1.call(this);//输出：全局中的name
    obj1.func1.apply(this);//输出：全局中的name

    obj1.func1.call(obj2); //输出：obj2中的name
    obj1.func1.apply(obj2);//输出：obj2中的name

    obj1.func2.call(obj2,1,2);//输出：3
    obj1.func2.apply(obj2,[1,2]);//输出：3